<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <link href="../resource/plugins/css/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="../resource/styles/styles.css" rel="stylesheet" type="text/css" />
    <!-- jQuery -->
    <script src="https://apis.google.com/js/plusone.js" type="text/javascript"></script>
    <script src="../resource/plugins/scripts/jquery-1.10.2.js" type="text/javascript"></script>
    <script src="../resource/scripts/gPlusLogin.js" type="text/javascript"></script>
    

    
    
</head>
<body>
 <div id="header" class="row-fluid">
    </div>
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
               
                    <div class="logo pagination-centered">
                        <img src="../resource/images/pw.png" class="visible-lg visible-md">
                        <img src="../resource/images/img/small.png" class="visible-sm hidden-lg hidden-md">
                    </div>
            
            </div>
            <!-- .span6 -->
            <div class="col-lg-6">
                <div class="top">
                    <div id="login">
                        </br>
                        
               
                        
                        
                        <div class="txt1">
                            HI THERE. PLEASE LOG IN.
                        </div>
                        <form action="/PeopleLocatorSystem/ValidateLogin" id="loginForm" method="POST">
                        <fieldset>
                        
                        	
                        	<input type="hidden" name="googleEmail" id="googleEmail" value=""/>
                            <input type="text" class="input-lg" required placeholder="Username" x-moz-errormessage="Enter Username"
                                name="username" id="username" size="10" value="" />
                            <input type='password' class="input-lg" required x-moz-errormessage="Enter password"
                                placeholder="Password" name="password" id="password" />
                            <div class="clearfix">
                            </div>
                            <div class="btn2">
                                <div class="submitButton ">
                                    <input type="submit" name="" value="LOG IN" /></div>
                            </div>
                            <div class="clearfix">
                            </div>

                            
                            <span id="signinButton">
							  <span
							    class="g-signin"
							    data-callback="signinCallback"
							    data-clientid="857150321664-1ois7i5lodv8ej51h38ttg9pd1a8cs7j.apps.googleusercontent.com"
							    data-cookiepolicy="single_host_origin"
							    data-requestvisibleactions="http://schemas.google.com/AddActivity"
							    data-scope="https://www.googleapis.com/auth/userinfo.email">
							  </span>
							</span>

							<c:if test='${not empty hasErrorMsg}'>
								<label class="text-danger"> <c:out value="${hasErrorMsg}"/> </label>
							</c:if>

                            
                        </fieldset>
                        </form>
                    </div>
                    <div style="clear: both">
                    </div>
                </div>
                <!-- .span6 -->
            </div>
            <!-- .row -->
        </div>
    </div>
    <!-- .container -->

</body>
</html>